<!doctype html>
<html>
<head>
    <title>jsPlumb 1.4.1 - Hierarchy Demonstration - jQuery</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <link rel="stylesheet" href="../css/demo-all.css">
    <link rel="stylesheet" href="../css/chartDemo.css">
</head>
<body data-demo-id="chartDemo" data-library="jquery">


<div id="main">
    <div id="render"></div>
    <div style="left:0em; top:20em;" class="window" id="window1">第1步骤</div>
    <div style="left:20em; top:20em;" class="window" id="window2">第2步骤</div>
    <div style="left:40em; top:20em;" class="window" id="window3">第3步骤</div>
    <div style="left:60em; top:20em;" class="window" id="window4">第4步骤</div>


</div>


<!-- DEP -->
<script src="../../lib/jquery-1.9.0.js"></script>
<script src="../../lib/jquery-ui-1.9.2-min.js"></script>
<script src="../../lib/jquery.ui.touch-punch.min.js"></script>
<!-- /DEP -->

<!-- JS -->
<!-- support lib for bezier stuff -->
<script src="../../lib/jsBezier-0.6.js"></script>
<!-- jsplumb util -->
<script src="../../src/jsPlumb-util.js"></script>
<!-- base DOM adapter -->
<script src="../../src/jsPlumb-dom-adapter.js"></script>
<!-- jsplumb drag-->
<script src="../../src/jsPlumb-drag.js"></script>
<!-- main jsplumb engine -->
<script src="../../src/jsPlumb.js"></script>
<!-- endpoint -->
<script src="../../src/jsPlumb-endpoint.js"></script>
<!-- connection -->
<script src="../../src/jsPlumb-connection.js"></script>
<!-- anchors -->
<script src="../../src/jsPlumb-anchors.js"></script>
<!-- connectors, endpoint and overlays  -->
<script src="../../src/jsPlumb-defaults.js"></script>
<!-- state machine connectors -->
<script src="../../src/jsPlumb-connectors-statemachine.js"></script>
<!-- flowchart connectors -->
<script src="../../src/jsPlumb-connectors-flowchart.js"></script>
<!-- SVG renderer -->
<script src="../../src/jsPlumb-renderers-svg.js"></script>
<!-- canvas renderer -->
<script src="../../src/jsPlumb-renderers-canvas.js"></script>
<!-- vml renderer -->
<script src="../../src/jsPlumb-renderers-vml.js"></script>

<!-- jquery jsPlumb adapter -->
<script src="../../src/jquery.jsPlumb.js"></script>
<!-- /JS -->

<!--  demo code -->
<script src="../js/chartDemo.js"></script>

<!--  demo helper code -->

<script src="../js/demo-helper-jquery.js"></script>

</body>
</html>
